<script>
import DashBoardNavBar from './DashBoardNavBar';

export default {
  name: 'DashBoard',
  components: {
    DashBoardNavBar,
  },
  data: () => {
    return {};
  },
};
</script>

<template>
  <div id="dash-board">
    <DashBoardNavBar/>
    <main>
      <router-view/>
    </main>
    <!--     <Footer> 版权所有：湖北金拓维信息技术有限公司</Footer> -->
  </div>
</template>

<style lang="less" scoped>
#dash-board {
  display: flex;
  flex-wrap: wrap;

  main {
    float: left;
    width: 100%;
    height: calc(~'100vh - 40px');
    background: #ddd;

    &.expand {
      width: calc(~'100vw - 396px');
    }
  }
  .k-layout-footer {
    height: 40px;
    width: 100%;
    text-align: center;
    z-index: 90;
  }
}
</style>
